<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="./iconfont/iconfont.css">
        <link rel="stylesheet" href="./css/base.css">
        <link rel="stylesheet" href="./css/common.css">
        <link rel="stylesheet" href="./css/index.css">
    </head>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <div class="toubu  wrapper">
        <img src="./images/logo.png" alt="">
    </div>
    <!-- 登录 -->
    <div class="denlubeijin">
        <img src="./images/bg.png" alt="">
<div class="denlu wrapper">
    <div class="txt">
        <p>扫码登陆</p>
        <p>|</p>
        <p>账号登录</p>
    </div>
    <div class="txt1">
        公共场所不建议自动登录,以免账号丢失
</div>
<div class="shurukuang"> 


    <img src="./images/zh.png" alt="">
        邮箱/用户名/手机号
</div>
<div class="shurukuang">
 
    <img src="./images/pw.png" alt="">
       请输入密码
</div>
<div class="gou">
  <div><input type="checkbox" id="option1" name="options">自动登录</div>
  <p>忘记密码?</p>
</div>
<div class="anliou"><p>登录</p></div>
<div class="tubiao">
<div class="tubiao1"> <img src="./images/icon1.png" alt="">
<img src="./images/icon2.png" alt="">
<img src="./images/icon3.png" alt="">
<img src="./images/icon4.png" alt=""></div>
<p>立即注册</p>
</div>
</div>
    </div>
    <!-- 底部 -->
     <div class="dibu">
        <p>
            <a href="#">关于我们</a>|
            <a href="#">联系我们</a>|
            <a href="#">联系客服</a>|
            <a href="#">商家入驻</a>|
            <a href="#">营销中心</a>|
            <a href="#">手机品优购</a>|
            <a href="#">友情链接</a>|
            <a href="#">销售联盟</a>|
            <a href="#">品优购社区</a>|
            <a href="#">品优购公益</a>|
            <a href="#">English Site</a>|
            <a href="#">Contact U</a>
    
        </p>
        <p>地址:北京市昌平区建材城西路金燕龙办公楼——层邮编:100096电话:400-618-4000传真:010 - 82935100邮箱:zhanghj + itcast.cn
</p>
        <p>CopyRight © 品优购</p>
     </div>
</body>
</html>